<div class="${options.theme}" role="presentation">
    <div data-dojo-attach-point="_widgetContainer" class="${_css.widgetContainerClass}" role="presentation">
        <div class="${_css.stopsContainerClass}" role="presentation">
            <table class="${_css.stopsClass}" data-dojo-attach-point="_dndNode"></table>
            <div class="${_css.clearClass}"></div>
            <div class="${_css.stopsButtonContainerClass}">
                <div role="button" class="${_css.linkButtonClass} ${_css.stopsAddDestinationClass}" data-dojo-attach-point="_addDestinationNode">${_i18n.widgets.directions.addDestination}</div>
                <div class="${_css.travelModesContainerClass}" data-dojo-attach-point="_travelModeContainerNode">
                    <div tabindex="0" role="button" class="${_css.stopsTravelModeCarClass} ${_css.stopsButtonClass} ${_css.stopsButtonTabClass} ${_css.stopsPressedButtonClass}" travel-mode-key="Driving" data-dojo-attach-point="_useTravelModeCarNode">${_i18n.widgets.directions.travelMode.car}</div>
                    <div tabindex="0" role="button" class="${_css.stopsTravelModeTruckClass} ${_css.stopsButtonClass} ${_css.stopsButtonTabClass}" travel-mode-key="Trucking" data-dojo-attach-point="_useTravelModeTruckNode">${_i18n.widgets.directions.travelMode.truck}</div>
                    <div tabindex="0" role="button" class="${_css.stopsTravelModeWalkingClass} ${_css.stopsButtonClass} ${_css.stopsButtonTabClass} ${_css.stopsButtonTabLastClass}" travel-mode-key="Walking" data-dojo-attach-point="_useTravelModeWalkingNode">${_i18n.widgets.directions.travelMode.walking}</div>
                    <div class="${_css.clearClass}"></div>
                </div>
                <div role="button" class="${_css.linkButtonClass} ${_css.stopsOptionsButtonClass}" data-dojo-attach-point="_optionsButtonNode">${_i18n.widgets.directions.showOptions}</div>
            	<div class="${_css.clearClass}"></div>
            </div>
            <div role="presentation" class="${_css.stopsOptionsMenuClass}" data-dojo-attach-point="_optionsMenuNode">
                <div class="${_css.stopsOptionsCheckboxesClass}">
                    <ul>
                        <li class="${_css.stopsFindOptimalOrderClass}" data-dojo-attach-point="_findOptimalOrderItemNode"><input tabindex="0" data-dojo-attach-point="_findOptimalOrderNode" type="checkbox" id="${id}_find_optimal_order" /><label for="${id}_find_optimal_order">${_i18n.widgets.directions.findOptimalOrder}</label></li>
                        <li class="${_css.stopsReturnToStartClass}" data-dojo-attach-point="_returnToStartItemNode"><input tabindex="0" data-dojo-attach-point="_returnToStartNode" type="checkbox" id="${id}_stopsReturnToStart" /><label for="${id}_stopsReturnToStart">${_i18n.widgets.directions.returnToStart}</label></li>
                        <li class="${_css.stopsUseTrafficClass}" data-dojo-attach-point="_useTrafficItemNode"><input tabindex="0" data-dojo-attach-point="_useTrafficNode" type="checkbox" id="${id}_stopsUseTraffic" /><label for="${id}_stopsUseTraffic">${_i18n.widgets.directions.useTraffic}</label></li>
                    </ul>
                </div>
                <div class="${_css.stopsOptionsToggleContainerClass}">
                    <div class="${_css.stopsOptionsUnitsContainerClass}"  data-dojo-attach-point="_travelModeDistanceUnitsNode">
                        <div tabindex="0" role="button" class="${_css.stopsOptionsUnitsMiClass} ${_css.stopsButtonClass} ${_css.stopsButtonTabClass}" data-dojo-attach-point="_useMilesNode">${_i18n.widgets.directions.units.MILES.abbr}</div>
                        <div tabindex="0" role="button" class="${_css.stopsOptionsUnitsKmClass} ${_css.stopsButtonClass} ${_css.stopsButtonTabClass} ${_css.stopsButtonTabLastClass} ${_css.stopsPressedButtonClass}" data-dojo-attach-point="_useKilometersNode">${_i18n.widgets.directions.units.KILOMETERS.abbr}</div>
                        <div class="${_css.clearClass}"></div>
                    </div>
                    <div class="${_css.stopsOptionsImpedanceContainerClass}" data-dojo-attach-point="_travelModeImpedanceNode">
                        <div tabindex="0" role="button" class="${_css.stopsOptionsImpedanceTimeClass} ${_css.stopsButtonClass} ${_css.stopsButtonTabClass} ${_css.stopsPressedButtonClass}" travel-mode-key="Time" data-dojo-attach-point="_useTravelModeTimeNode">${_i18n.widgets.directions.impedance.fastest}</div>
                        <div tabindex="0" role="button" class="${_css.stopsOptionsImpedanceDistanceClass} ${_css.stopsButtonClass} ${_css.stopsButtonTabClass} ${_css.stopsButtonTabLastClass}" travel-mode-key="Distance" data-dojo-attach-point="_useTravelModeDistanceNode">${_i18n.widgets.directions.impedance.shortest}</div>
                        <div class="${_css.clearClass}"></div>
                    </div>
                    <div class="${_css.clearClass}"></div>
                </div>
                <div class="${_css.clearClass}"></div>
            </div>
            <div class="${_css.stopsGetDirectionsContainerClass}">
                <div tabindex="0" role="button" class="${_css.stopsButtonClass} ${_css.stopsGetDirectionsClass}" data-dojo-attach-point="_getDirectionsButtonNode">${_i18n.widgets.directions.getDirections}</div>
                <div tabindex="0" role="button" class="${_css.linkButtonClass} ${_css.stopsClearDirectionsClass}" data-dojo-attach-point="_clearDirectionsButtonNode">${_i18n.widgets.directions.clearDirections}</div>
                <div class="${_css.clearClass}"></div>
            </div>
    	</div>
    	<div class="${_css.clearClass}"></div>
    	<div data-dojo-attach-point="_errorNode" role="presentation"></div>
    	<div class="${_css.resultsContainerClass}" role="presentation">
        	<div class="${_css.routesContainerClass}" data-dojo-attach-point="_resultsNode" role="presentation"></div>
    	</div>
    </div>
</div>